<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div a{
				color: red;
				font-size: 40px;
			}
			/* a+span{
				color: blueviolet;
			} */
			a~span{
				color: blueviolet;
			}
			/* ul li:nth-child(odd){
				color: red;
				font-size: 40px;
			} */
			ul li:nth-child(3n+1){
				color: red;
				font-size: 40px;
			}
			/* p a:first-child{
				color: skyblue;
				font-size: 120px;
			} */
			p a:first-of-type{
				color: skyblue;
				font-size: 120px;
			}
			p a:nth-child(4){
				background-color: red;
				font-size: 90px;
			}
		</style>
	</head>
	<body>
		<div>
			<span>常用网址</span>
			<a href="#">taobao</a>
			<span>综合性商城</span>
			<a href="#">jd</a>
			<span>3c商城</span>
			<a href="#">oschina</a>
			<span>最大的开源社区</span>
			<span>工信部重点扶持的开源社区</span>
			<ul>
				<li>
					<a href="#">bdqn</a>
				</li>
			</ul>
		</div>
		<hr/>
		<div>
			<ul>
				<li>1</li>
				<li>2</li>
				<li>4</li>
				<li>6</li>
				<li>gg</li>
				<li>gg</li>
				<li>jj</li>
				<li>jjj</li>
				<li>kkk</li>
				<li>jj</li>
				<li>jjj</li>
				<li>kkk</li>
				<li>jj</li>
				<li>jjj</li>
				<li>kkk</li>
				<li>jj</li>
				<li>jjj</li>
				<li>kkk</li>
				<li>jj</li>
				<li>jjj</li>
				<li>kkk</li>
			</ul>
		</div>
		<p>
			<span>常用网址</span>
			<a href="#">taobao</a>
			<span>综合性商城</span>
			<a href="#">jd</a>
			<span>3c商城</span>
			<a href="#">oschina</a>
			<span>最大的开源社区</span>
			<span>工信部重点扶持的开源社区</span>
			<a href="#">aliyun</a>
		</p>
	</body>
</html>
